@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:300,400,500,600|Work+Sans:500');
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@font-face {
	font-family: 'Tahoma';
	src: url('../fonts/Tahoma.html');
	src: url('../fonts/Tahomad41d.html?#iefix') format('embedded-opentype'),
		url('../fonts/Tahoma.woff') format('woff'),
		url('../fonts/Tahoma-2.html') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic.eot');
    src: url('../fonts/OpenSans-Italicd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Italic.woff2') format('woff2'),
        url('../fonts/OpenSans-Italic.woff') format('woff'),
        url('../fonts/OpenSans-Italic.ttf') format('truetype'),
        url('../fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Helium';
    src: url('../fonts/Helium-Bold.woff2') format('woff2'),
        url('../fonts/Helium-Bold.woff') format('woff'),
        url('../fonts/Helium-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Nyala';
    src: url('../fonts/Nyala-Regular.woff2') format('woff2'),
        url('../fonts/Nyala-Regular.woff') format('woff'),
        url('../fonts/Nyala-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Extrabold.eot');
    src: url('../fonts/OpenSans-Extraboldd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Extrabold.woff2') format('woff2'),
        url('../fonts/OpenSans-Extrabold.woff') format('woff'),
        url('../fonts/OpenSans-Extrabold.ttf') format('truetype'),
        url('../fonts/OpenSans-Extrabold.svg#OpenSans-Extrabold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Boldd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype'),
        url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.html');
    src: url('Roboto-Regulard41d.html?#iefix') format('embedded-opentype'),
        url('Roboto-Regular-2.html') format('woff2'),
        url('Roboto-Regular-3.html') format('woff'),
        url('Roboto-Regular-4.html') format('truetype'),
        url('Roboto-Regular-5.html#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Bold.html');
    src: url('Roboto-Boldd41d.html?#iefix') format('embedded-opentype'),
        url('Roboto-Bold-2.html') format('woff2'),
        url('Roboto-Bold-3.html') format('woff'),
        url('Roboto-Bold-4.html') format('truetype'),
        url('Roboto-Bold-5.html#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Bold.woff2') format('woff2'),
        url('../fonts/Oswald-Bold.woff') format('woff'),
        url('../fonts/Oswald-Bold.ttf') format('truetype'),
        url('../fonts/Oswald-Bold.svg#Oswald-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Niconne';
    src: url('../fonts/Niconne-Regular.woff2') format('woff2'),
        url('../fonts/Niconne-Regular.woff') format('woff'),
        url('../fonts/Niconne-Regular.ttf') format('truetype'),
        url('../fonts/Niconne-Regular.svg#Niconne-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {

    font-family: 'oswaldbold';

    src: url('fonts/oswald-bold-webfont.eot');

    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/oswald-bold-webfont.woff2') format('woff2'),

         url('fonts/oswald-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'oswald_regularregular';

    src: url('fonts/oswald-regular-webfont.eot');

    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/oswald-regular-webfont.woff2') format('woff2'),

         url('fonts/oswald-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotobold';

    src: url('fonts/roboto-bold-webfont.eot');

    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-bold-webfont.woff2') format('woff2'),

         url('fonts/roboto-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotoregular';

    src: url('fonts/roboto-regular-webfont.eot');

    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-regular-webfont.woff2') format('woff2'),

         url('fonts/roboto-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}














* p, h1, h2, h3, h4, h5, h5, ul{



  padding: 0;



  margin: 0;



}



/*--------- header Start --------*/






.featureproducts{ background:url(im/pro-bg.jpg) #000; background-repeat:no-repeat;background-attachment: fixed;background-size: 100%;}




.product-list-left-effects
{
  width:100%;
  height:auto;
  position:relative;
  margin-bottom:20px; 
  overflow:hidden;
  text-align: center;
  box-shadow: 0px 1px 2px #cccccc;
}

.product-list-left-effects img
{
  transition-duration:0.4s;
}

.product-list-left-effects .product-overlay
{
      width: 90%;
    height: 90%;
    position: absolute;
    background: rgb(255 0 0 / 60%);
    padding: 20px;
    color: #fff;
    top: 5%;
    left: -100%;
    padding-top: 9%;
    transition-duration: 0.4s;
    -webkit-transition: left 0.5s ease-in-out;
}

.product-list-left-effects .product-overlay h3
{
  margin:0 0 12px 0;
  color: #fff;
  text-transform: uppercase;
  font-family:Arial;
  font-weight: bold;
  font-style: normal;
  font-size:25px;
}
.product-list-left-effects .product-overlay p{
  margin-bottom: 5px;
  font-family: 'Niconne';
  font-weight: normal;
    font-style: normal;
    font-size: 36px;
    color: #fff;
}
.product-list-left-effects .product-overlay a{
  color: #fff;
  text-decoration: none;
  width: 145px;
  height: 45px;
  line-height: 45px;
  background-color: #000;
  border-radius: 20px;
  display: block;
  margin: 0 auto;
  font-family:Arial;
  font-weight: bold;
  font-style: normal;
  font-size:16px;
  overflow: hidden;
  text-transform: uppercase;
  background:#fe0003;
}
.product-list-left-effects:hover .product-overlay
{
  /*opacity:1;*/
  -webkit-transition: left 0.5s ease-in-out;
  left:5%;
}

.product-list-left-effects:hover img
{
   transform: scale(1.1);
}
.product-list-left-effects .cate-dets-title{
    width: 100%;
    line-height: 24px;
    margin-top: 10px;
    padding-bottom: 10px;
}
.product-list-left-effects .cate-dets-title .float-left-text{
    float: left;
    padding-left: 15px;
    color: #868686;
    width: 100%;
}
.product-list-left-effects .cate-dets-title .float-left-text a{
    color: #000;
}
.product-list-left-effects .cate-dets-title .float-right-text{
    float: right;
    width: 100%;
}
.product-list-left-effects .cate-dets-title .float-right-text a{
     color: #000;
     padding: 12px;
}
.cate-slide{
  margin-top: 33px;
}



/*---- top ----*/







.social {

      text-align: left;

    margin: 5px 0;

}



/* ============================ */

/* SOCIAL ICONS                 */

/* ============================ */

.social-icon {

  -webkit-background-clip: padding-box;

  -moz-background-clip: padding-box;

  background-clip: padding-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-transition-property: background-color;

  -moz-transition-property: background-color;

  transition-property: background-color;

  -webkit-transition-duration: 0.5s;

  -moz-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -webkit-transition-timing-function: ease;

  -moz-transition-timing-function: ease;

  transition-timing-function: ease;

  background-color: #c4c4c4;

  text-align: center;

  display: inline-block;

  width: 40px;

  height: 38px;

  padding: 9px 0px;

  color: white;

  margin: 2px;

  /* Color each button differently */

}

.social-icon:nth-child(1) {

  /* Animation */

  -webkit-animation: fadeInRight 0.6s 0.25s forwards;

  animation: fadeInRight 0.6s 0.25s forwards;

  opacity: 0;

  background: #878787;

  /* Color */

}

.social-icon:nth-child(1):hover, .social-icon:nth-child(1):active, .social-icon:nth-child(1):focus {

  opacity: 1;

  background-color: #f04923;

  color:#FFF;

}

.social-icon:nth-child(2) {

  /* Animation */

  -webkit-animation: fadeInRight 0.6s 0.5s forwards;

  animation: fadeInRight 0.6s 0.5s forwards;

  opacity: 0;

  background: #878787;

  /* Color */

}

.social-icon:nth-child(2):hover, .social-icon:nth-child(2):active, .social-icon:nth-child(2):focus {

  opacity: 1;

  background-color: #f04923;

  color:#FFF;;

}

.social-icon:nth-child(3) {

  /* Animation */

  -webkit-animation: fadeInRight 0.6s 0.75s forwards;

  animation: fadeInRight 0.6s 0.75s forwards;

  opacity: 0;

  background: #878787;

  /* Color */

}

.social-icon:nth-child(3):hover, .social-icon:nth-child(3):active, .social-icon:nth-child(3):focus {

  opacity: 1;

  background-color: #f04923;

  color:#FFF;

}

.social-icon:nth-child(4) {

  /* Animation */

  -webkit-animation: fadeInRight 0.6s 1s forwards;

  animation: fadeInRight 0.6s 1s forwards;

  opacity: 0;

  background: #878787;

  /* Color */

}

.social-icon:nth-child(4):hover, .social-icon:nth-child(4):active, .social-icon:nth-child(4):focus {

  opacity: 1;

  background-color: #f04923;

  color:#FFF;

}

.social-icon:nth-child(5) {

  /* Animation */

  -webkit-animation: fadeInRight 0.6s 1.25s forwards;

  animation: fadeInRight 0.6s 1.25s forwards;

  opacity: 0;

  background: #878787;

  /* Color */

}

.social-icon:nth-child(5):hover, .social-icon:nth-child(5):active, .social-icon:nth-child(5):focus {

 opacity: 1;

  background-color: #f04923;

  color:#FFF;

}

.social-icon:nth-child(6) {

  /* Animation */

  -webkit-animation: fadeInRight 0.6s 1.5s forwards;

  animation: fadeInRight 0.6s 1.5s forwards;

  opacity: 0;

  background: #878787;

  /* Color */

}

.social-icon:nth-child(6):hover, .social-icon:nth-child(6):active, .social-icon:nth-child(6):focus {

  opacity: 1;

  background-color: #f04923;

  color:#FFF;

}

.social-icon:nth-child(7) {

  /* Animation */

  -webkit-animation: fadeInRight 0.6s 1.75s forwards;

  animation: fadeInRight 0.6s 1.75s forwards;

  opacity: 0;

  background: #878787;

  /* Color */

}

.social-icon:nth-child(7):hover, .social-icon:nth-child(7):active, .social-icon:nth-child(7):focus {

  opacity: 1;

  background-color: #f04923;

  color:#FFF;

}

.social-icon img {

  width: 20px;

}



/* ============================ */

/* TOOLTIP                      */

/* ============================ */

[data-tooltip] {

  position: relative;

  /* tooltip arrow */

  /* tooltip box */

}

[data-tooltip]:before, [data-tooltip]:after {

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

  position: absolute;

  top: 100%;

  left: 50%;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  transition-property: opacity;

  -webkit-transition-duration: 0.2s;

  -moz-transition-duration: 0.2s;

  transition-duration: 0.2s;

  -webkit-transition-timing-function: linear;

  -moz-transition-timing-function: linear;

  transition-timing-function: linear;

  position: absolute;

  left: 50%;

  top: 100%;

  bottom: 100%;

  visibility: hidden;

  opacity: 0;

  z-index: 9999;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

[data-tooltip]:before {

  content: "";

  border-color: #323232;

  border-style: none;

  border: 5px solid transparent;

  border-bottom: 6px solid #323232;

  margin-top: -4px;

}

[data-tooltip]:after {

  content: attr(data-tooltip);

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  width: auto;

  height: 22px;

  padding: 11px 11px 0 11px;

  font-size: 13px;

  line-height: 11px;

  white-space: nowrap;

  background-color: #323232;

  color: #ecf0f1;

  margin-top: 7px;

}

[data-tooltip]:hover, [data-tooltip]:focus {

  background-color: transparent;

}

[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {

  -webkit-transform: translate(-50%, 0);

  -moz-transform: translate(-50%, 0);

  -ms-transform: translate(-50%, 0);

  -o-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

  opacity: 1;

  visibility: visible;

}















.top-fulid{



     background-color: #fff;

    padding-top: 0px;

    padding-bottom: 0px;



}

.toparia{ background:#38003d;}

.top{



  text-align: left;



}



.top p{



  color: #fff;



  font-size: 14px;



  font-family: robotoregular;



  text-transform: capitalize;



}





.maincatagory{ background:#fff;}



.maincatagory{ text-align:center;    padding: 10px 14px;}

.maintop{ text-align:center; padding:10px 0;}



.top span{



  background-image: url(im/spekar.png);



  background-repeat: no-repeat;



  background-position: right center;



  padding-right: 20px;



  color: #00abeb;



}



.top-text{

color:#FFFFFF; text-align:left; font-family:Arial;padding: 5px 0;



}



.top-text p{



  display: inline-block;



  color: #fff;



  font-size: 14px;



  font-family: robotoregular;



  padding-left: 24px; 



}



.top-text a{



  color: #fff;



}



.top-text a:hover{



  color: #c8e600;



}













@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(1.334em) translateZ(0);

  }

  100% {

    opacity: 1;

  }

}

@-moz-keyframes fadeInRight {

  0% {

    opacity: 0;

    -moz-transform: translateX(1.334em) translateZ(0);

  }

  100% {

    opacity: 1;

  }

}

@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(1.334em) translateZ(0);

    -moz-transform: translateX(1.334em) translateZ(0);

    -ms-transform: translateX(1.334em) translateZ(0);

    -o-transform: translateX(1.334em) translateZ(0);

    transform: translateX(1.334em) translateZ(0);

  }

  100% {

    opacity: 1;

  }

}





















/*------ Nav Bar Start -----*/



.nav-fluid{



  background-color: #fff;



}



.logo{



      padding: 12px 0px;



}



.navbar-nav {



  font-size:14px;



}



.navbar-nav a:hover{



  color: #fff;



  background-color: #e6e6e6;



}



.nav li a:hover{



    background-color:none;  



}



.navbar-default{



  background: none;



  border: none;



}



.navbar-toggle {



  margin-bottom: : 20px ;



}



.navbar{



  margin: 0;



  border: solid 0px #fff;



}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {


    color: #000;
    background-color: transparent;
    border-bottom: solid 3px #000;



}



.navbar-default .navbar-nav > li > a{



       color: #000;

    font-family: Arial;

    font-size: 11px;

    text-transform: uppercase;



}



.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {



    color: #00abeb;



    background-color: transparent;



}



.nav > li > a{



padding: 32px 10px;



}



.navbar-default .navbar-toggle .icon-bar{



  background-color: #fff;



}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {



    background-color: #c8e600;



}



.navbar-default .navbar-collapse, .navbar-default .navbar-form {



    border-color: #000;



    float: left;



    padding: 0;



}



.dropdown-menu{



  background-color: #000;



  padding-left: 13px;



}



.dropdown-menu > li > a{



  color: #fff;

    font-size: 12px;

    font-family: Arial;

    text-transform: uppercase;

    padding: 6px 18px;

    background-image: url(im/ero.png);

    background-repeat: no-repeat;

    background-position: left center;

    padding-left: 17px;



}



.dropdown-menu > li > a:hover{



  color: #fff;



  background-color: transparent;



}







.search{

        text-align: right;

  padding-top: 27px;

    padding-right: 0px;



}



.search input{



      width: 236px;

    height: 30px;

    border: solid 1px #c5c5c5;

    padding-left: 10px;

    color: #c5c5c5;

    display: inline-block;

    background-color: #fff;



}



.search button{



     width: 40px;

    height: 30px;

    border: solid 1px #c5c5c5;

    display: inline-block;

    margin-left: -5px;

    vertical-align: top;

    background-color: #fff;



}



/*---- navbar ----*/































@media screen and (max-width: 1199px){



  .nav > li > a {



    padding: 23px 11px;



  }



  .navbar-default .navbar-nav > li > a{



    font-size: 15px;



  }



}























@media screen and (max-width: 991px){



  .nav > li > a {



    padding: 12px 4px;



  }



  .navbar-default .navbar-nav > li > a{



    font-size: 14px;

	border-bottom: solid 1px #000;



  }



  .logo {



    padding-top: 30px;



    padding-bottom: 30px;



  }

  

  



}























@media screen and (max-width: 767px){



  .top{



    text-align: center;



  }



  .top p{



    padding-bottom: 10px;



  }



  .top-text{



    text-align: center;



  }



  .search input{



    width: 80%;



    height: 40px;



    margin-bottom: 20px;



  }



  .search button{



    width: 20%;



    height: 40px;



  }



  .navbar-toggle{



    margin-top: 20px;



    margin-right: 0;



  }



  .navbar-default .navbar-collapse, .navbar-default .navbar-form{



    float: unset;



    text-align: center;



  }



  .search{



    padding-right: 0;



  }

  

  .cat-text h3{



  color: #fff;



  text-transform: uppercase;



  font-size: 15px;



  font-family: oswaldbold;



  position: absolute;



  left: 0;



  right: 0;



  top: 30px;



  transition: all 0.5s ease;



}







.cat-text:hover h3{



  color: #00abeb;



  top: 20px;



}



}



/*--------- header End --------*/









































.aboutbg{ background:url(im/aboutbg2.jpg); background-repeat:repeat-y;    margin: 5px 0;}

.aboutimage1{    padding: 19px 0;}

.welcometolajpal{    color: #fff;

    font-size: 22px;

    font-family: robotoregular;

    padding-left: 24px;

    text-transform: uppercase;    padding-top: 23px;}

	

	

	.welcometext{

		color: #fff;

    text-transform: uppercase;

    font-family: oswaldbold;

    font-size: 35px;

    /* background-image: url(im/instagram-logo.png); */

    background-repeat: no-repeat;

    background-position: left center;

    /* display: inline; */

    /* padding-left: 24px; */

    text-align: center;

    padding: 15px 0;	

	 }

	

	.welcometext2{     font-family: oswaldbold;

    font-size: 12px;

    text-decoration: none;

    font-weight: normal;

    color: #000;

    padding-left: 25px;}









/*--------- Cat Start --------*/



.cat-main{



  position: relative;



  transition: all 0.5s ease;

      margin: 0px -9px;



}



.cat-text{



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  text-align: center;



  transition: all 0.5s ease;



  margin: 0 auto;



  height: 0;



  width: 100%;



}



.cat-text h3{



  color: #fff;



  text-transform: uppercase;



  font-size: 30px;



  font-family: oswaldbold;



  position: absolute;



  left: 0;



  right: 0;



  top: 65px;



  transition: all 0.5s ease;



}







.cat-text:hover h3{



  color: #00abeb;



  top: 50px;



}



.cat-main:hover .cat-text{



    width: 77%;

    height: 18%;

    border: solid 4px;

    border-color: #fff;

    top: 32%;

    transition: all 0.5s ease;



}



.certification{ text-align:center; padding:15px 0;}



.slogan{ font-family: oswaldbold;

    font-size: 28px;

    text-decoration: none;

    font-weight: bold;

    text-align: center;

    color: #d7251c;

    text-transform: uppercase;

    padding: 15px 0;}

.aboutusindex{ background:#505050;}

.aboutmain{      font-size: 16px;

    color: #fff;

    text-align: center;

    font-family: Arial;

    padding: 15px 0;}



.common-prd-wrapper{text-align: center;

    margin-top: 10px;

    border: 2px solid #b3b1b1;

    margin-bottom: 20px;

    background-color: #fff;

    border-radius: 0px;}

.common-prd-wrapper:hover{text-align: center;

    margin-top: 10px;

    -webkit-box-shadow: -2px -1px 7px -2px rgba(0,0,0,0.75);

-moz-box-shadow: -2px -1px 7px -2px rgba(0,0,0,0.75);

box-shadow: -2px -1px 7px -2px rgba(0,0,0,0.75);

    margin-bottom: 20px;

    background-color: #fff;}

	

	



.common-prd-wrapper .prd-img{}



.common-prd-wrapper .prd-img a{display:block;}



.common-prd-wrapper .prd-img a img{ 

    padding-top: 31px;

    height: 260px;}

.exbision{ text-align:center; padding:10px 0;}





.common-prd-wrapper .showonfront{position:relative;}



.common-prd-wrapper .showcarts{

	position: absolute;

    top: 0%;

    left: 30px;

    right: 30px;

	    height: 47px;

    opacity: 0;

   background:#000;



}



.common-prd-wrapper:hover .showcarts{

top: 92%;

    opacity: 4;

    transform: translateY(-70%);

	}







.common-prd-wrapper .showcarts a{font-family: 'Oswald', sans-serif; text-decoration:none; display:inline-block; color:#fff; font-size:15px;    padding: 13px 0; font-weight:500; text-transform:uppercase;}



.common-prd-wrapper .showcarts a img{display:inline-block; margin-right:5px;}











.feature{color: #000;

    text-transform: uppercase;

    text-align: center;

    font-family: oswaldbold;

    padding: 13px 0;

    font-size: 41px;

    /* background-image: url(im/instagram-logo.png); */

    /* background-repeat: no-repeat; */

    /* background-position: left center; */

    /* display: inline; */

    /* padding-left: 24px; */}



.bottommain{ background:#000000;}

.copy{ text-align: center;

    font-family: Arial;

    font-size: 12px;

    text-decoration: none;

    color: #8c8c8c;

    padding: 15px 0;}

.payment{ text-align:left; padding:10px 0;}



@media screen and (max-width: 991px){



.cat-text h3{



  color: #fff;



  text-transform: uppercase;



  font-size: 15px;



  font-family: oswaldbold;



  position: absolute;



  left: 0;



  right: 0;



  top: 30px;



  transition: all 0.5s ease;



}







.cat-text:hover h3{



  color: #00abeb;



  top: 20px;



}



}



/*--------- Cat End --------*/















































/*--------- Start End --------*/



.request-fulid{



  background-image: url(im/req-bg.png);



  background-repeat: no-repeat;



  background-size: cover;



  background-position: center;



  padding-bottom: 10px;



}



.request-main-text{



  text-align: center;



  padding-top: 18px;



  padding-bottom: 18px;



}



.request-main-text h2{



  font-size: 22px;



  color: #00adee;



  font-family: robotobold;



  text-transform: capitalize;



}



.request-main-text p{



  font-size: 14px;



  color: #fff;



  font-family: robotoregular;



  text-transform: capitalize;



  padding-top: 10px;



}



.request-text{







}



.request-text h1{



  font-family: oswaldbold;



  font-size: 30px;



  color: #fff;



  text-align: center;



  padding-top: 40px;



  padding-bottom:40px;



}



.request-text p{



  font-family: robotoregular;



  font-size: 16px;



  color: #fff;



  text-transform: capitalize;



}



.request-text a{



  margin: 7px 0px 7px 34%;



  color: #fff;



  background-image: url(im/req-dots.png);



  background-repeat: no-repeat;



  background-position: left center;



  padding-left: 20px;



}



.request-text a:hover{



  text-decoration: none;



  color: #00adee;



}



.request-text button{



  text-align: center;



  margin-left: 24%;



  margin-right: 30%;



  width: 300px;



  height: 45px;



  background-color: #ba1a1a;



  border:0;



  text-transform: uppercase;



  font-size: 16px;



  font-family: robotoregular;



  margin-top: 19px;



}











































@media screen and (max-width: 767px){



  .request-main-text h2{



    font-size: 24px;



  }



  .request-main-text p{



    font-size: 12px;



  }



  .request-text h1{



    font-size: 25px;



  }



  .request-text a{



    margin: 7px 0px 7px 0%;



  }



  .request-text button{



    margin-left: 0%;



    margin-right: 0%;



    width: 250px;



  }



}



/*--------- Request End --------*/











































/*--------- Instagram Start --------*/



.instagram-fluid{



  background-color: #212121;



  border-top: solid 8px #fff;



  border-bottom: solid 8px #fff;



  padding-top: 40px;



  padding-bottom: 40px;



}



.instagram-text{



  text-align: center;



}



.instagram-text h1{



  color: #00adee;



  text-transform: uppercase;



  font-family: oswaldbold;



  font-size: 30px;



  background-image: url(im/instagram-logo.png);



  background-repeat: no-repeat;



  background-position: left center;



  display: inline;



  padding-left: 50px;



}



.instagram-text p{



  font-family: robotoregular;



  font-size: 16px;



  color: #fff;



  text-transform: capitalize;



  padding-bottom: 25px;



  padding-top: 10px;



}



.instagram{



  width: 20%;



  display: inline-block;



  vertical-align: top;



  margin-left: -4px;



  padding-left: 10px;



}























@media screen and (max-width: 767px){



  .instagram-text h1{



    font-size: 25px;



  }



  .instagram-text p{



    font-size: 13px;



  }



}



/*--------- Instagram End --------*/



























.bottomhelp{      font-size: 32px;

    color: #000;

    font-family: oswaldbold;

    text-transform: uppercase;

    padding-top: 0px;

    text-align: left;}

	.bottomhelp2{        font-size: 14px;

    font-family: oswaldbold;

    line-height: 1.42857143;

    color: #000;

    text-align: left;

    padding: 0px;

    text-transform: uppercase;

    font-style: italic;

}



.bottomlogo{text-align: center;

    padding: 0px;}











/*--------- Email Start --------*/



.email-fulid{



  background-color: #c8e600;



  border-bottom: solid 4px #fff;



     padding-top: 32px;

    padding-bottom: 34px;



}



.email{



  text-align: left;



}



.email h1{



  color: #fff;



  font-size: 30px;



  font-family: oswald_regularregular;



  text-transform: uppercase;



}



.email p{



font-family: oswald_regularregular;

    font-size: 30px;

    color: #fff;

    text-transform: uppercase;

    display: inline-block;

    padding-right: 5px;

    vertical-align: bottom;



}



.email input{



 padding-top: 10px;

    background-color: #00adee;

    border: 0;

    width: 30%;

    height: 48px;

    border-bottom: solid 1px #fff;

    display: inline-block;

    font-size: 16px;

    color: #000;

    padding-left: 15px;

    text-transform: uppercase;

    font-family: oswald_regularregular;

	



}



.email button{



  background-color: #000;



  border: 0;



  width: 20%;



  height: 50px;



  display: inline-block;



  font-family: oswald_regularregular;



  color: #fff;



  font-size: 18px;



  text-transform: uppercase;



  border-radius: 5px;



      margin-left: 80px;

	  margin-top: 3px;



}









.

























@media screen and (max-width: 1199px){



  .email button {



    font-size: 16px;



  }



}















@media screen and (max-width: 991px){



  .email button {



    width: 25%;



  }



}



















@media screen and (max-width: 767px){



  .email h1{



    font-size: 17px;



  }



  .email input{



    width: 60%;



  }



  .email button{



    width: 60%;



    margin-top: 10px;



  }



}



/*--------- Email End --------*/















































/*--------- Bottom Start --------*/



.bottom-bg{



		background: url(im/bottom-logo.png) #000000;

		background-repeat: no-repeat;

		background-position: center;

		padding-top: 0px;

}



.bottom-text{



  text-align: left;



}







.bottom-text h3{



   

    font-family: oswaldbold;

    color: #8c8c8c;

    padding-top: 18px;



}



.bottom-text ul{



  margin: 0;



  padding: 0;



  display: block;



      padding-top: 8px;



  position: relative;



}



.bottom-text li{



  display: block;



}



.bottom-text a{



  display: block;



}



.bottom-text p{



        font-family: Arial;

    font-size: 12px;

    /* text-transform: uppercase; */

    color: #fff;

    line-height: 19px;

    padding: 8px 14px;

    background-image: url(im/bottom-ero.png);

    background-repeat: no-repeat;

    background-position: left 13px;



}



.quickcontact{

	font-family: Arial;

    font-size:13px;

    /* text-transform: uppercase; */

    color: #8c8c8c;

    line-height: 19px;

    padding: 0px 0px;

    background-repeat: no-repeat;

    background-position: left 13px;



}









.bottom-text2{



    font-family: Arial;

    font-size: 11px;

    /* text-transform: uppercase; */

    color: #8c8c8c;

    line-height: 19px;

    padding: 0px 0px;

    background-repeat: no-repeat;

    background-position: left 13px;



}



.bottom-text span{



  font-family: Arial;

    font-size: 12px;

    color: #8c8c8c;

    line-height: 19px;

    padding: 8px 14px;

    text-transform: uppercase;



}



.bottom-text a{



    font-family: Arial;

    font-size: 12px;

    color: #8c8c8c;

    line-height: 19px;

    padding: 8px 14px;

    background-image: url(im/bottom-ero.png);

    background-repeat: no-repeat;

    background-position: left center;

    /* text-transform: uppercase; */



}



.bottom-text h1{



  font-family: oswaldbold;



  font-size: 30px;



  color: #0096ce;



  text-transform: uppercase;



  position: absolute;



  bottom: 0;



  left: 0;



}



.bottom-text a:hover{



  color: #d7251c;



  text-decoration: none;



}



.bottom-bt-text p{



color: #fff;

    padding: 15px;

    text-align: center;

    margin-top: 50px;

    background-color: #d7251c;



}























@media screen and (max-width: 991px){



  .bottom-text{



    padding-top: 30px;



  }



  .bottom-bg{



  background:#000000;

  height: 872px;

 



  }



}



/*--------- Bottom End --------*/



































/*--------- Instagram --------*/



.instaProfile {



  margin: 0 auto;



  text-align: center;



}



.instaProfile img {



  border-radius: 73px;



  -webkit-box-shadow: 0 8px 6px -6px black;



  -moz-box-shadow: 0 8px 6px -6px black;



  box-shadow: 0 8px 6px -6px black;



  margin-bottom: 20px;



}



.instaBtn {



  background: #3897f0;



  border-color: #3897f0;



  border-radius: 3px;



  border-style: solid;



  border-width: 1px;



  color: #fff;



  cursor: pointer;



  margin-left: 20px;



  margin-bottom: 20px;



  padding: 0 24px;



}



.instaBtn:active {



  opacity: 0.7;



}



#instagramDiv {



  padding: 2em;



  position: relative;



  z-index: 100;



}



.grid-container {



  display: grid;



  grid-auto-flow: row dense;



  grid-gap: 6px;



  grid-template-columns: repeat(auto-fill, minmax(17%, 1fr));



  margin: 0 auto;



}



.grid-container .item {



  background-color: rgba(255, 255, 255, 0.8);



  -webkit-box-shadow: 0 8px 6px -6px black;



  -moz-box-shadow: 0 8px 6px -6px black;



  box-shadow: 0 8px 6px -6px black;



  font-size: 30px;



  grid-row-start: auto;



  text-align: center;



}







.grow {



  position: relative;



  transform: scale(1);



  transition: all 0.5s ease;



  z-index: 100;



}



/*-----



.grow:hover {



  position: relative;



  transform: scale(1.2);



  z-index: 200;



}



-----*/



.grid-container .item img {



  height: 100%;



  object-fit: cover;



  width: 100%;



}































@media screen and (max-width: 991px){



  .grid-container {



  display: grid;



  grid-auto-flow: row dense;



  grid-gap: 6px;



  grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));



  margin: 0 auto;



}



}























@media screen and (max-width: 480px){



  .grid-container {



  display: grid;



  grid-auto-flow: row dense;



  grid-gap: 6px;



  grid-template-columns: repeat(auto-fill, minmax(35%, 1fr));



  margin: 0 auto;



}





}

.grid-container .item{



transition: all 0.5s ease;



}

.grid-container .item:hover{



  width: 100%;



  height: 91%;



  border: solid 4px;



  border-color: rgb(0,171,235,0.5);



  top: 5%;



  transition: all 0.5s ease;



}